/**
 * Created with BlueStream
 * Date: 13. 6. 1
 * Time: 오후 8:05
 * Writer: 강석민
 */

window.onload = function () {

    /**리스너 등록*/
    //DOM Level 0 방식으로 이벤트 리서너를 등록
    var btn_1 = window.document.getElementById("btn_1");

    //1-1. 일반 함수를 이벤트 리스너로 사용하는 경우
    btn_1.onclick = this.onClick;

    //1-2. 임의의 함수를 이벤트 리스너로 사용하는 경우
    btn_1.onmouseover = function (e) {
        console.log("마우스가 오버되었습니다.");
    }

    //DOM Level 2 방식으로 이벤트 리스너 등록하기
    var btn_2 = document.getElementById("btn_2");

    //2-1. 일반 함수를 이벤트 리스너로 사용하는 경우
    btn_2.addEventListener("click", onClick, false);
    //2-1. 임의의 함수를 이벤트 리스너로 사용하는 경우
    btn_2.addEventListener("mouseover", function (e) {
        console.log("마우스가 오버되었습니다.");
    })


    /**리스너 삭제*/
    btn_1.onclick = null;
    btn_2.removeEventListener("click", onClick);

}

function onClick() {
    alert("버튼이 클릭되었습니다.");

}


